<template>
	<view class="page">
		<cu-custom bgColor="bg-red" :isBack="true"><block slot="content">阿玉</block></cu-custom>
		<view class="cu-card">
			<view class="cu-item shadow padding">
				<text class="block text-lg margin-bottom-xs">教练介绍</text>
				<view class="text-gray flex">
					<view v-if="userInfo.avatarUrl" class="cu-avatar xl round margin-right" :style="{'background-image': 'url('+userInfo.avatarUrl+')'}"></view>
					<view class="userinfo flex flex-direction justify-around flex-sub">
						<text>卓尼泽</text>
						<text class="text-gray">西安交通大学毕业，10年体能训练经营，国家足球二级运动员，国职认证教练，3年Bodybuilding教学经验，CF认证教练。</text>
					</view>
				</view>
			</view>
		</view>
		<view class="cu-card">
			<view class="cu-item shadow padding">
				<text class="block text-lg margin-bottom-xs">教练专长</text>
				<text class="text-gray">
					正骨，推拿，玩游戏
				</text>
			</view>
		</view>
		<view class="cu-card">
			<view class="cu-item shadow padding">
				<text class="block text-lg margin-bottom-xs">教练课程</text>
				<view class="coach-course-list">
					<course-panel :allShadow="true" v-for="course in 3" :key="course"></course-panel>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		computed: {
			userInfo: function() {
				return this.$store.state.userInfo
				}
		}
	}
</script>

<style>
	.coach-course-list{
		margin: 0 -30upx;
	}
</style>
